.page-index {
  .banner {
    height: 257px;
    width: 100%;
    background-size: cover;
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-position: center;
    background-image: var(--banner-images, url('https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/70967f6ec4ac40bb9b17a673849e9fc6~tplv-k3u1fbpfcp-watermark.image?'));
  }
  .content {
    padding: 20px;
    .title {
      color: var(--title-color, #000000);
    }
    .desc {
      color: var(--text-color, #333333);
      margin-bottom: 50rpx;
    }
  }
  .button {
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    background: var(--primary-color, #4caf50);
  }
}
